<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">    
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/slider.css" type="text/css" media="screen" />
</head>
<body>
<div id="marco"> <!-- Inicio contenedor --> 
<div class="arriba-cuerpo"></div>
<div class="cuerpo"> <!-- incicio cuerpo -->
<img src="<%= contextRoot %>/images/logos.png" />
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="pages/include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Slider --> 
<div id="slides" class="">	
	<div class="slides_container">

             <div class="slide">
					<a href="#" title="A." target="_blank">
					<img src="<%= contextRoot %>/images/slide1.jpg" width="610" height="310" />
					</a>
					<div class="caption">
					<h2>A. Medell<h:outputText value="#{msg.tilde_i}" />n imparable</h2>
					<p>A. Compromiso Institucional y de Movilizaci<h:outputText value="#{msg.tilde_o}" />n Ciudadana por la convivencia y la seguridad.</p>
					</div>
             </div>

			 <div class="slide">
					<a href="#" title="B." target="_blank">
					<img src="<%= contextRoot %>/images/slide2.jpg" width="610" height="310" />
					</a>
					<div class="caption">
					<h2>B. Medell<h:outputText value="#{msg.tilde_i}" />n m<h:outputText value="#{msg.tilde_a}" />s segura. Juntos SI podemos.</h2>
					<p>B. Compromiso Institucional y de Movilizaci<h:outputText value="#{msg.tilde_o}" />n Ciudadana por la convivencia y la seguridad.</p>
					</div>
             </div>

			 <div class="slide">
					<a href="#" title="C." target="_blank">
					<img src="<%= contextRoot %>/images/slide1.jpg" width="610" height="310" />
					</a>
					<div class="caption">
					<h2>C. Medell<h:outputText value="#{msg.tilde_i}" />n m<h:outputText value="#{msg.tilde_a}" />s segura.</h2>
					<p>C. Compromiso Institucional y de Movilizaci<h:outputText value="#{msg.tilde_o}" />n Ciudadana por la convivencia y la seguridad.</p>
            		</div>
			</div>
	</div>
	<a href="#" class="prev"><img src="<%= contextRoot %>/images/arrow-prev.png" width="24" height="43" alt="Anterior..."></a>
	<a href="#" class="next"><img src="<%= contextRoot %>/images/arrow-next.png" width="24" height="43" alt="Siguiente..."></a>		
</div>
<!-- fin slider --> 
<div class="clear"></div>
</div> <!-- Fin cuerpo -->
<div class="abajo-cuerpo"></div>
</div> <!-- Fin contenedor -->
<div class="footer"></div>
<!-- Scripts -->
<script type="text/javascript" src="<%= contextRoot %>/js/jquery/lib/jquery-1.7.2.min.js"></script>
<script src="<%= contextRoot %>/js/jquery/lib/slides.min.jquery.js" type="text/javascript" ></script> <!-- Slider --> 
<script src="<%= contextRoot %>/js/slider.js"></script>
<script src="<%= contextRoot %>/js/script.js"></script>
</body>
</html>
</f:view>